<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport"
	content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>订单详情</title>
<link href="css/style2zc.css" rel="stylesheet" type="text/css">
<link href="css/type.css" rel="stylesheet" type="text/css">
<style type="text/css">
/*<![CDATA[*/
* html .decoration {
	position: absolute;
	right: 16px;
	top: 0;
} /*only for ie*/
/*]]>*/
.newaddr_data input{
	text-align: center;
	font-size: 16px;
	color:#a0a0a0;
	line-height:16px;
	font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
}

.show-more {
	float:right;
	margin-right:3%;
	width:7%;
	margin-top: 4%;
}
img.arrow-down {
	width: 1.5rem;
	height: 0.8750rem
}
.flip{
      -moz-transform:rotate(-180deg);
      -webkit-transform:rotate(-180deg);
       filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);   
}

#divselect{
	width:100%;
	height:30px;
	position:relative; 
	z-index:10000;
}
#divselect cite{
	height:30px;
	line-height:30px; 
	display:block; 
	cursor:pointer;
	font-style:normal;
	font-size: 16px;
	color:#a0a0a0;
	font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
	padding-left:4px; 
	padding-right:30px; 
	background:url(images/xjt.png) no-repeat right center;
} 
#divselect ul{
	width:100%; border:1px solid #333333; 
	background-color:#ffffff; 
	position:absolute; 
	z-index:20000; 
	margin-top:-1px; 
	display:none;
}
ul,li{list-style:none;}
#divselect ul li{height:30px; line-height:30px;}
#divselect ul li a{display:block; height:30px; color:#333333; text-decoration:none; padding-left:10px; padding-right:10px;}
#divselect ul li a:hover{background-color:#CCC;}






</style>
<!-- Do not move the bellow script to custom.js! It must stay here to
    load properly! -->
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquerysession.js"></script>
<script type="text/javascript" src="scripts/custom2zc.js" charset="utf-8"></script>
<script type="text/javascript" src="scripts/layer/layer.m.js"></script>
</head>
<body onLoad="loadImages()">
	<p class="no-mobile">
		请使用手机访问本页面！ <br /> 这个页面是专门针对手机设计的！
	</p>
	<div class="site">
		<div id="hidepage">
			<p class="center-text">
				正在努力加载中，请耐心等待! <br /> <img src="images/background/130.gif"
					alt="load">
			</p>
		</div>
		<div class="fixed_buy_lag">
			<a href="javascript:void(0)" onclick="placeOrder()">
				<img src="images/home/buy_lag.png">
			</a>
			<!-- <a href="javascript:void(0)" onclick="wxPay()">
				<img src="images/home/buy_lag.png">
			</a> -->
			<!-- <a href="web2zc/person/payBuy.html" >
				<img src="images/home/buy_lag.png">
			</a> -->
		</div> 
		<div class="decoration">
				<div class="back">
					<a href="transaction2zcRouter?funcID=0011&landmarkId=${zcAddr.areaId}"> 
					<!-- <a href="javascript:history.back(-1)"> -->
						<img src="images/home/back.png">
					</a>
				</div> 
				<p class="title" style="width: 33%;float: left;">订单详情</p>
				<div style="width: 33%">
				</div> 
		</div>
		<div id="wrapper">
			<div class="new_addr">
				<div class="person_basemsg" id="row">
					<div class="addr_row">
						<div class="newaddr_title">联系姓名</div>
						<div class="newaddr_data">
						<input id="userName" maxlength="10" type="text" style="width: 90%;float: left;color: black;" value="${zcAddr.userName}">
						<a href="javascript:void(0)" class="icon-edit"  style="margin-top: 2%"></a>
						</div>
						
					</div>
					<div class="addr_row">
						<div class="newaddr_title">联系电话</div>
						<div class="newaddr_data"><input id="userMp" maxlength="11" type="text" style="width: 90%;float: left;;color: black;" value="${zcAddr.userMp}">
						<a href="javascript:void(0)" class="icon-edit"  style="margin-top: 2%"></a>
						</div>
					</div>
				</div>
				<div class="area_addr" id="row">
					<div class="addr_row">
						<div class="newaddr_title">取餐时间</div>
						<div class="newaddr_data" style="text-align: center;">
							<!-- <select>
								<option style="text-align: center;" value="8:30之前" selected="selected">8:30之前</option>
								<option value="9:00之前">9:00之前</option>
								<option value="9:30之前">9:30之前</option>
								<option value="9:30之后">9:30之后</option>
							</select> -->
							<div id="divselect"> 
								<cite>9:30之前</cite> 
								<ul> 
									<li><a href="javascript:;" selectid=" 08:30:00">08:30之前</a></li> 
									<li><a href="javascript:;" selectid=" 09:00:00">09:00之前</a></li> 
									<li><a href="javascript:;" selectid=" 09:30:00">09:30之前</a></li> 
									<li><a href="javascript:;" selectid=" 10:00:00">10:00之前</a></li> 
								</ul> 
							</div> 
							<input id="sendTime" type="hidden" value=" 09:00:00" /> 
						</div>
					</div>
					<div class="addr_row">
						<div class="newaddr_title">地标地址</div>
						<div class="newaddr_data">
						<input type="text" style="width: 90%;float: left;" readonly="readonly" id="areaInfo" aid="${zcAddr.id}" areaId="${zcAddr.areaId}" value="${zcAddr.area}" >
						<%-- <input type="text" style="width: 90%;float: left;" readonly="readonly" id="areaInfo" areaId="${zcAddr.areaId}" value="${zcAddr.area}" > --%>
						</div>
					</div>
					<div class="addr_row">
						<div class="newaddr_title">取餐地址</div>
						<div class="newaddr_data">
						<input type="text" style="width: 90%;color: black;"  id="userAddress" value="${zcAddr.address}" >
						<!-- <div class="icon-location" style="float: right;margin-top: 2%">
						</div> -->
						<a class="icon-cutlocation" href="transaction2zcRouter?funcID=0031&areaId=${zcAddr.areaId}" style="float: right;margin-top: 2%"></a>
						</div>
					</div>
					<div class="addr_row">
						<div class="newaddr_title">用户留言</div>
						<div class="newaddr_data">
						<input type="text" style="width: 100%;float: left;"  id="remark"  maxlength="50" value="" >
						</div>
					</div>
				</div>
			</div>
			<div  style="border-bottom:1px solid #a0a0a0;">
				<p style="margin-top: 5px;margin-bottom: 5px;font-size: 18px">
				订单详情
				<%-- (共<font id="cnumber" color="#ff6c0d">${zcOrder.itemSize}</font>件&nbsp;&nbsp;共<font id="cprice" color="#ff6c0d">${zcOrder.total}</font>元) --%>
				</p>
			</div>
			<div class="zcs" style="height: 100%;">
			<c:forEach var="e" items="${zcOrder.list}" varStatus="s">
				<c:if test="${s.index==0}">
					<div class="zcItem" zcid="${e.id}"  style="margin-top:2%;">
						<div id="week" week="${e.week}" class="dataStr" style="margin-top: 5px;margin-bottom: 5px;">
							<p  style="font-size: 14px">
							<font id="dataNum">${e.sellTime}</font>
							<c:if test="${e.week==1}">
								周一
							</c:if>
							<c:if test="${e.week==2}">
								周二
							</c:if>
							<c:if test="${e.week==3}">
								周三
							</c:if>
							<c:if test="${e.week==4}">
								周四
							</c:if>
							<c:if test="${e.week==5}">
								周五
							</c:if>
							</p>
						</div>	
						<div class="zcImgDiv" >
							<img id="zcImg" src="images/home/home_${e.url}.png">
						</div>
						<div class="zcContentdiv" style="width: 65%">
							<div class="zcDescribe">
								<div class="zcName">
									<p style="font-size: 16px;"><font id="pzcName">${e.name}</font> X <font id="zcCount">${e.sellCount}</font></p>
									<p style="font-size: 16px;color: red;">￥<font id="pzcPrice">${e.price}</font>元</p>
								</div>
							</div>
						</div>
						<div class="show-more">
					    	<span id="expand-all" onmousedown="orderExpand()">
					    		 <img class="arrow-down" src="img/arrow-down-red.png" alt="">
					    	</span>
	       				</div>
						<div class="line"><img src="images/home/line_03.png"></div>
						<div style="clear:both"></div>	
					</div>
				</c:if>
				<c:if test="${s.index!=0}">
					<div class="zcItem zcmore" hidden="hidden"  zcid="${e.id}" sell="${e.sell}" style="margin-top:2%;">
						<div id="week" week="${e.week}" class="dataStr" style="margin-top: 5px;margin-bottom: 5px;">
							<p style="font-size: 14px">
							<font id="dataNum">${e.sellTime}</font>
							<c:if test="${e.week==1}">
								周一
							</c:if>
							<c:if test="${e.week==2}">
								周二
							</c:if>
							<c:if test="${e.week==3}">
								周三
							</c:if>
							<c:if test="${e.week==4}">
								周四
							</c:if>
							<c:if test="${e.week==5}">
								周五
							</c:if> 
							</p>
						</div>	
						<div class="zcImgDiv" >
							<img src="images/home/home_${e.url}.png">
						</div>
						<div class="zcContentdiv" >
							<div class="zcDescribe">
								<div class="zcName">
									<p style="font-size: 16px;"><font id="pzcName">${e.name}</font> X <font id="zcCount">${e.sellCount}</font></p>
									<p style="font-size: 16px;color: red;">￥<font id="pzcPrice">${e.price}</font>元</p>
								</div>
							</div>
						</div>
						<div class="line"><img src="images/home/line_03.png"></div>
						<div style="clear:both"></div>	
					</div>
				</c:if>
			</c:forEach>
			<div class="total" style="text-align: center;">
				<p>共<font id="cnumber" color="#ff6c0d">${zcOrder.itemSize}</font>件&nbsp;&nbsp;共<font id="cprice" color="#ff6c0d">${zcOrder.total}</font>元</p>
			</div> 
			<div class="person_recharge_table" style="padding-bottom:20%;">
				<p style="font-size: 18px">支付方式</p>
				<table border="0" cellspacing="0" cellpadding="0" style="margin-top:0" >
					<tr class="choicePay" >
						<td class="pay_type_icon"><img style="width: 50%"  src="images/person/pay_type_02.png"></td>
						<td class="pay_tyep_text">微信支付</td>
						<td class="pay_null" payWay="2"><img  src="images/person/choice.png"></td>
					</tr>
				</table>
			</div>
			<div class="ship" style="padding-bottom:20%;">
			</div> 
		</div>
		</div>
	</div>
	<form action="transaction2zcRouter?funcID=0023" method="post" id="zcItemFrom">
		<input type="hidden" id="orderJson" name="orderJson">
	</form>
	<script type="text/javascript">
	$(function(){
		$.divselect("#divselect","#sendTime");
	});
	jQuery.divselect = function(divselectid,inputselectid) { 
		var inputselect = $(inputselectid); 
		$(divselectid+" cite").click(function(){ 
		var ul = $(divselectid+" ul"); 
		if(ul.css("display")=="none"){ 
		ul.slideDown("fast"); 
		}else{ 
		ul.slideUp("fast"); 
		} 
		}); 
		$(divselectid+" ul li a").click(function(){ 
		var txt = $(this).text(); 
		$(divselectid+" cite").html(txt); 
		var value = $(this).attr("selectid"); 
		inputselect.val(value); 
		$(divselectid+" ul").hide();  
		}); 
	}; 
	</script>
</body>
</html>